<!DOCTYPE HTML>
<html>

<head>
	<meta charset="utf-8">
	<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
	<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
	<title>商城商城搜索</title>
	<link rel="stylesheet" type="text/css" href="../../css/aui.css" />
	<link rel="stylesheet" type="text/css" href="../../css/app.css" />
	<style type="text/css">
		body {
			background-color: #F6F6F6;
		}

		.tag-keyword {
			font-size: 0.75rem !important;
			font-weight: 400 !important;
			padding: 0.3rem 0.75rem;
			border-radius: 0.4rem;
			background-color: #F6F6F6 !important;
			color: #333333;
			margin-bottom: 0.5rem;
			display: inline-block;
			margin-right: 0.7rem;
			position: relative;
		}

		.aui-list .aui-list-item {
			align-items: center;
			padding-left: 0;
		}
		 .aui-tab-item {
			height: 2.5rem;
			line-height: 2.5rem;
			font-size: 0.75rem;
			background-color: #fff;
		}

		.search_result .aui-tab {
			/*box-shadow: 0 0 1rem #e6e6e6;*/
		}
		/*删除弹窗*/

		.aui-dialog-body {
			padding: 1.75rem 1.2rem 2.4rem 1.2rem;
			font-size: 0.85rem;
			color: #333333;
		}
		/*商品列表*/

		.goods-list .aui-col-xs-6 .goods-content {
			position: relative;
			overflow: hidden;
			border-radius: 5px;
			background-color: #FFFFFF;
		}

		.goods-list .aui-col-xs-6:nth-child(2n+0) {
			padding-left: 0.25rem;
			margin-bottom: 0.5rem;
		}

		.goods-list .aui-col-xs-6:nth-child(2n+1) {
			padding-right: 0.25rem;
			margin-bottom: 0.5rem;
		}

		.goods-tag {
			color: #FF6642;
			font-size: .5rem;
			border: 1px solid #FF6642;
			border-radius: .1rem;
			white-space: nowrap;
			margin-top: .65rem;
			margin-right: .25rem;
			display: inline-block;
			height: .8rem;
			line-height: .8rem;
			padding: 0 .1rem;
		}

		.goods-price {
			font-family: PingFangSC-Semibold;
			font-weight: 600;
			color: rgba(255, 102, 66, 1);
		}

		.goods-tag-corner {
			position: absolute;
			width: 40px;
			height: 40px;
			line-height: 23px;
			text-align: center;
			background-color: RGBA(105, 0, 120, 1);
			color: #FFFFFF;
			transform: rotateZ(-45deg);
			font-size: 8px;
			top: -20px;
			left: -20px;
		}
		/*圈子*/

		.ming-card-list {
			background-color: #FFFFFF;
			padding: .75rem;
		}

		.ming-card-list-header {
			display: flex;
			flex-direction: row;
			justify-content: space-between;
			align-items: center;
			margin-bottom: 1rem;
		}

		.ming-card-list-header-avatar img {
			width: 1.7rem;
			border-radius: 50%;
		}

		.ming-card-list-header-userinfo {
			flex: 1;
			margin-left: 0.5rem;
		}

		.ming-card-list-content {
			font-size: 0.65rem;
		}

		.ming-card-list-content-img {
			padding-top: .5rem;
			padding-bottom: .75rem;
		}

		.ming-card-list-content-img img {
			border-radius: .2rem;
		}

		.ming-card-list-content-img .aui-row .aui-col-xs-4 {
			/*padding: 0 0.25rem;*/
			padding-right: .25rem;
		}

		.ming-card-list-footer {
			display: flex;
			flex-direction: row;
			justify-content: space-between;
			align-items: center;
			padding-top: 0.5rem;
			/*margin: 0 1.4rem;*/
		}

		.ming-card-list-footer img {
			width: 1.1rem;
			display: inline-block;
			vertical-align: middle;
		}

		.aui-ellipsis-2 {
			height: 2.5rem;
		}

		.ser-info {
			padding: 0 .5rem;
		}

		.aui-text-linear {
			position: relative;
			background: linear-gradient(-152deg, #ee02fd, #9972e6);
			background: -webkit-linear-gradient(-152deg, #ee02fd, #9972e6);
			color: #72D5EF;
			-webkit-background-clip: text;
			-webkit-text-fill-color: #72D5EF;
		}

		.aui-text-linear span {
			display: inline-block;
			height: 100%;
			border-bottom: 2px solid #72D5EF;
			color: #72D5EF !important;
		}

		.ming-text-hui {
			font-family: PingFangSC-Regular;
			font-weight: 400;
			color: rgba(153, 153, 153, 1);
		}

		.swiper-pagination {
			bottom: 0;
			width: 100%;
		}

		.swiper-pagination-bullet {
			width: 0.2rem;
			height: 0.2rem;
			margin-right: 0.3rem;
			background: #FFFFFF;
			opacity: 0.46;
		}

		.swiper-pagination-bullet-active {
			background: #FFFFFF;
			opacity: 1;
		}

		.menu .aui-col-xs-3 img {
			width: 2.6rem;
			display: inline-block;
		}

		.aui-grid [class*=aui-col-] {
			padding: 0.45rem 0;
		}

		.aui-grid {
			padding: 0.45rem 0;
		}

		.aui-grid .aui-grid-label {
			font-size: 0.65rem;
		}
		/*新品速递改写*/

		.newproduct {
			height: 2.65rem;
			background: rgba(255, 255, 255, 1);
			border-bottom: .05rem solid rgba(238, 238, 238, 0.5);
			display: flex;
			justify-content: space-between;
			align-items: center;
			padding: 0 0.75rem;
			margin-top: 0.3rem;
		}

		.new_wraper {
			border-bottom: 0.5rem solid #F6F6F6;
			margin-top: 2rem;
			padding-top: 0.5rem;
		}

		.newproduct_left {
			background: url();
			background-repeat: no-repeat;
			background-size: auto 0.8rem;
			background-position: left center;
			padding-left: 10px;
			display: inline-block;
			font-size: 0.85rem;
			font-family: PingFangSC-Semibold;
			font-weight: 600;
			color: rgba(51, 51, 51, 1);
		}

		.newproduct_right span {
			font-size: 0.65rem;
			font-family: PingFangSC-Regular;
			font-weight: 400;
			color: rgba(102, 102, 102, 1);
		}

		.newproduct_list {
			/*height: 6.75rem;*/
			background: rgba(255, 255, 255, 1);
			padding: 0 0.75rem;
			display: flex;
			box-sizing: border-box;
			padding-top: 0.5rem;
		}

		.left_img {
			width: 4rem;
			margin-right: 0.75rem;
		}

		.left_img img {
			width: 4rem;
			border-radius: 0.2rem;
		}

		.right_cont {
			width: 12.5rem;
			padding-bottom: .75rem;
			border-bottom: .05rem solid rgba(238, 238, 238, 0.5);
		}

		.top_title {
			width: 12.5rem;
		}

		.top_title img {
			width: 1.6rem;
			height: 0.9rem;
			display: inline-block;
			transform: translateY(0.15rem);
			margin-right: 0.2rem;
		}

		.top_title {
			font-size: 0.8rem;
			font-family: PingFangSC-Regular;
			font-weight: 400;
			color: #222222;
			line-height: 1.1rem;
			max-height: 2.2rem;
			display: inline-block;
		}

		.title {
			text-overflow: -o-ellipsis-lastline;
			overflow: hidden;
			text-overflow: ellipsis;
			display: -webkit-box;
			-webkit-line-clamp: 2;
			line-clamp: 2;
			-webkit-box-orient: vertical;
		}

		.mid_decri {
			/*display: flex;*/
			/*float: left;*/

			height: 1rem;
			float: left;

		}

		.mid_decri_item {
			/*width: 2rem;*/
			padding: 0 0.1rem;
			height: 0.8rem;
			/*line-height: 0.8rem;*/
			border-radius: 0.1rem;
			background:rgba(239,249,255,1);
			border:0.03rem solid rgba(0,90,147,1);
			font-size: 0.5rem;
			border-radius: 0.1rem;
			font-family: PingFangSC-Regular;
			font-weight: 400;
			color:rgba(0,90,147,1);
			margin-top: 0.3rem;
			margin-right: 0.25rem;
			margin-bottom: 0.5rem;
			padding-top: 0.010rem;

		}
		.clear {
			clear: both;
		}

		.now_price {
			font-size: 1.1rem;
			font-family: PingFangSC-Semibold;
			font-weight: 600;
			color: rgba(255, 102, 66, 1);
		}

		.circle_tab {
			display: flex;
			justify-content: space-between;
			align-items: center;
			padding: 0.6rem 1.1rem 0rem 1.1rem;
			font-size: 0.75rem!important;
			font-family: PingFangSC-Regular!important;
			font-weight: 400!important;
			color: rgba(128,128,128,1)!important;
			border-bottom: 0.05rem solid rgba(238, 238, 238, 0.5);
			position: fixed;
			top: 0;
			z-index: 10000;
			width: 100%;
			background: #ffffff!important;
			margin-bottom:10rem

		}

		.circle_tab_item {
			padding: 0 0.5rem 0.4rem 0.5rem;
			border-bottom: 0.1rem solid transparent;
		}

		.active_active_tab {
			font-family: PingFangSC-Medium;
			font-weight: 500;
			color: rgba(0,90,147,1);
			border-bottom: 0.15rem solid rgba(0,90,147,1);
			border-radius: 0.05rem;
		}

		.newest {
			padding: 0.75rem;
			padding-bottom: 10rem;
			/*border-bottom: 0.5rem solid rgba(246, 246, 246, 1);*/



		}

		.newest_head {
			display: flex;
		}

		.headPortrait {
			width: 1.7rem;
			height: 1.7rem;
			margin-right: 0.3rem;
		}

		.headPortrait img {
			border-radius: 50%;
		}

		.newest_name_time {
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: flex-start;
			margin-right: auto;
		}

		.newest_name {
			font-size: 0.65rem;
			font-family: PingFangSC-Medium;
			font-weight: 500;
			color: rgba(102, 102, 102, 1);
			margin-bottom: 0.1rem;
		}

		.newest_time {
			font-size: 0.5rem;
			font-family: PingFangSC-Regular;
			font-weight: 400;
			color: rgba(153, 153, 153, 1);
		}

		.more_circle span {
			display: inline-block;
			width: 0.2rem;
			height: 0.2rem;
			background: rgba(206, 207, 208, 1);
			border-radius: 50%;
		}

		.newest_cont {
			/*margin: 0.5rem 0 0 0.6rem;*/
			overflow: hidden;
			text-overflow: ellipsis;
			display: -webkit-box;
			-webkit-line-clamp: 3;
			-webkit-box-orient: vertical;
			font-size: 0.7rem;
			font-family: PingFangSC-Regular;
			font-weight: 400;
			color: rgba(128, 128, 128, 1);
			margin-top: 0.3rem;
			/*width: 15.3rem;*/
			/*height: 3rem;*/
			/*border: 1px solid black;*/

		}
		.newest_cont p{
			color: rgba(128, 128, 128, 1);
			overflow: hidden;
			text-overflow: ellipsis;
			/*white-space: nowrap;*/
			height: 1rem;
			margin: 0;
			/*display: inline-block;*/
		}
		.newest_cont img{
			display: none;
		}

		.newest_banner {
			/*margin-left: 2.05rem;*/
			width: 15.25rem;
			margin: 0 0.75rem 0 2rem;
			display: flex;
			flex-wrap: wrap;
			justify-content: space-between;
			padding-bottom: 0.75rem;
			border-bottom: 0.05rem solid rgba(238, 238, 238, 0.5);
		}

		.newest_banner:after {
			content: '';
			width: 4.95rem;
		}

		.newest_banner img {
			width: 4.95rem;
			height: 4.95rem;
			display: block;
			border-radius: 0.2rem;
		}

		.newest_banner_only {
			margin-left: 2.05rem;
			padding-bottom: 0.75rem;

		}

		.newest_banner_only img {
			width: 15.25rem;
			height: 8.6rem;
			border-radius: 0.2rem;
			display: block;
		}

		.newest_banner_only_huiyuan img {
			width: 15.25rem;
			height: 8.6rem;
			border-radius: 0.2rem;
			display: block;
		}

		#comment_wraper {

			display: flex;
			padding: 0.75rem 0.75rem 0.75rem 0.75rem;
			justify-content: space-between;
			border-top: 1px solid rgba(192, 192, 192, 0.2);
		}

		#comment_wraper>div {
			display: flex;
		}

		#comment_wraper>div img {
			width: 0.9rem;
			height: 0.85rem;
			margin-right: 0.15rem;
		}

		#comment_wraper>div span {
			font-size: 0.6rem;
			font-family: PingFangSC-Regular;
			font-weight: 400;
			color: rgba(153, 153, 153, 1);
		}

		.latestRelease {
			border-bottom: 0.05rem solid rgba(238, 238, 238, 0.5);
			display: flex;
			align-items: center;
			padding: 0.75rem 0.75rem 0.9rem 0.75rem;
		}

		.latestRelease>div>div {
			display: flex;
			align-items: center;
		}

		.latestRelease>div>div img {
			width: 0.55rem;
			height: 0.6rem;
			margin-right: 0.25rem;
			font-size: 0.7rem;
		}

		.latestRelease_first {
			font-family: PingFangSC-Regular;
			font-weight: 400;
			color: rgba(187, 187, 187, 1);
		}

		.latestRelease_first_active {
			font-family: PingFangSC-Regular;
			font-weight: 400;
			color: rgba(34, 34, 34, 1);
		}

		.line_news {
			width: 0.05rem;
			height: 0.6rem;
			background: rgba(238, 238, 238, 1);
			margin-right: 0.75rem;
			margin-left: 0.75rem;
		}

		.latestRelease_second_active {
			font-family: PingFangSC-Regular;
			font-weight: 400;
			color: rgba(34, 34, 34, 1);
		}

		.latestRelease_second {
			font-family: PingFangSC-Regular;
			font-weight: 400;
			color: rgba(187, 187, 187, 1);
		}

		.newproduct {
			height: 2.65rem;
			background: rgba(255, 255, 255, 1);
			border-bottom: .05rem solid rgba(238, 238, 238, 0.5);
			display: flex;
			justify-content: space-between;
			align-items: center;
			padding: 0 0.75rem;
			margin-top: 0.3rem;
		}

		.new_wraper {
			border-bottom: 0.5rem solid #F6F6F6;
		}

		.newproduct_left {
			background: url();
			background-repeat: no-repeat;
			background-size: auto 0.8rem;
			background-position: left center;
			padding-left: 10px;
			display: inline-block;
			font-size: 0.85rem;
			font-family: PingFangSC-Semibold;
			font-weight: 600;
			color: rgba(51, 51, 51, 1);
		}

		.newproduct_right span {
			font-size: 0.65rem;
			font-family: PingFangSC-Regular;
			font-weight: 400;
			color: rgba(102, 102, 102, 1);
		}

		.newproduct_list {
			/*height: 6.75rem;*/
			background: rgba(255, 255, 255, 1);
			padding: 0 0.75rem;
			display: flex;
			box-sizing: border-box;
			padding-top: 0.75rem;
		}

		.left_img {
			width: 4rem;
			margin-right: 0.75rem;
		}

		.left_img img {
			width: 4rem;
			border-radius: 0.2rem;
		}

		.right_cont {
			width: 12.5rem;
			padding-bottom: .75rem;
			border-bottom: .05rem solid rgba(238, 238, 238, 0.5);
		}

		.top_title {
			width: 12.5rem;
		}

		.top_title img {
			width: 1.6rem;
			height: 0.9rem;
			display: inline-block;
			transform: translateY(0.15rem);
			margin-right: 0.2rem;
		}

		.top_title {
			font-size: 0.8rem;
			font-family: PingFangSC-Regular;
			font-weight: 400;
			color: #222222;
			line-height: 1.1rem;
			max-height: 2.2rem;
			display: inline-block;
		}

		.title {
			text-overflow: -o-ellipsis-lastline;
			overflow: hidden;
			text-overflow: ellipsis;
			display: -webkit-box;
			-webkit-line-clamp: 2;
			line-clamp: 2;
			-webkit-box-orient: vertical;
		}

		.clear {
			clear: both;
		}

		.now_price {
			font-size: 1.1rem;
			font-family: 'PingFangSC-Semibold';
			font-weight: 600;
			color: rgba(255, 102, 66, 1);
			line-height: 1rem;
		}

		.swiper-pagination-bullet-active {
			width: 0.5rem;
			height: 0.25rem;
			background: rgba(255, 255, 255, 1);
			border-radius: 0.1rem;
		}

		.bottom_miao {
			margin-bottom: 1rem;
		}

		.picture-list {
			overflow: hidden;
			/*margin-left: 2rem;*/
			border-bottom: 1px solid rgba(238, 238, 238, 0.5);
		}

		.is_img_padding {
			padding-bottom: 0.75rem;
		}

		.picture-list .li {
			float: left;
			width: calc(33.33% - 0.14rem);
			margin-right: 0.2rem;
			margin-bottom: 0.06rem;
			height: 4.95rem;
			/*border: 1px solid red;*/
		}

		.picture-list .li:nth-child(3n) {
			margin-right: 0;
		}

		.picture-list .li img {
			width: 100%;
			height: 100%;
			border-radius: 0.2rem;
		}

		.good_logo{
			width: 2rem;
			height: 0.8rem;
			position: relative;
			bottom: 0.8rem;
		}
		.good_data{
			padding-left: 0.5rem;
			width: 70%;

		}
		.good_title{
			word-break: break-all;
			text-overflow: ellipsis;
			overflow: hidden;
			display: -webkit-box;
			-webkit-line-clamp: 2;
			-webkit-box-orient: vertical;
		}
		.new_list{border-radius:0.4rem;background:#fff}
		/*新加样式*/
		.imgBox{
			/*border-bottom: 1px solid rgba(238, 238, 238, 0.5);*/
			width: 15rem;
			/*height: 6rem;*/
			display: flex;
			justify-content:flex-start;
			flex-wrap:wrap;
			padding-bottom: 0.7rem;
			padding-top: 0.5rem;
			/*margin-left: 0.5rem;*/
		}
		.imgItem{
			width: 30%;
			height: 4.5rem;
			background:rgba(216,216,216,1);
			border-radius:4px;
			/*margin: 0.2rem;*/
			margin-left: 0.3rem;
			margin-top: 0.2rem;

		}
		.imgItem img{
			border-radius:4px;
			width: 100%;
			height:100%
		}
		.scekillTime{
			font-family:PingFangSC-Regular,PingFang SC;
			font-weight:500;
			color:rgba(46,46,46,1);
			font-size: 0.7rem;
			line-height: 0.65rem;
		}
		.contTit{
			font-size:0.8rem;
			font-family:PingFangSC-Medium,PingFang SC;
			font-weight:500;
			color:rgba(46, 46, 46, 1);
			line-height:1rem;
			white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;
			/*padding-left: 0.5rem;*/
			width: 15.3rem;
			margin-top: 0.5rem;

			/*margin: 0.5rem 0 0.5rem 2rem;*/
		}
	</style>
</head>

<body >
	<div id="app" v-cloak>
		<div class="" v-if="keywords==''" style="font-family: PingFangSC-Regular;background-color:#fff;">
			<!-- 热门搜索 -->
			<div v-if="hot_keywords.length>0" class="" style="background-color:#fff;padding:0 .75rem;display:inline-block;width:100%;border-top:1px solid rgba(238,238,238,0.4);">
				<div style="color:#222222;font-weight:400;font-size:.75rem;padding-top:1rem;padding-bottom:.75rem;">
					热门搜索
				</div>
				<div class="" v-for="(vo,index) in hot_keywords" style="height:100%;display:inline-block;float:left;position:relative;">
					<span tapmode @click="quicksearch(vo.title)" class="tag-keyword" v-if="index==0" style="margin-left:0 !important;">{{vo.title}}</span>
					<span tapmode @click="quicksearch(vo.title)" class="tag-keyword" v-else>{{vo.title}}</span>
				</div>
			</div>
			<!-- 历史搜索 -->
			<div v-if="history_keywords.length>0" class="aui-border-b" style="background-color:#fff;padding:0 .75rem;display:inline-block;width:100%;">
				<div class="" style="color:#222222;font-weight:400;font-size:.75rem;padding:.75rem 0;">
					历史搜索
					<img tapmode onclick="del_allHistory()" style="float: right;width: 1.1rem;" src="../../image/btn/btn-delete-2.png" />
				</div>
				<div class="ming-bg-white" v-if="!is_search&&keywords==''">
					<div class="aui-list aui-list-noborder">
						<div v-for="(vo,index) in history_keywords" class="">
							<div class="" style="height:100%;display:inline-block;float:left;position:relative;">
								<!-- v-if="index==0" style="margin-left:0 !important;" -->
								<div class="tag-keyword" tapmode @click="quicksearch(vo)">
									{{vo}}
								</div>
								<div class="" v-if="index==0" tapmode @click="del_history(index)" style="display:inline-block;position:absolute;top:-.4rem;right:.3rem;">
									<img style="width: 0.8rem;" src="../../image/btn/btn-close-hui.png" />
								</div>
							</div>
						</div>
					</div>
				</div>
				<div class="aui-clearfix"></div>
			</div>
		</div>
		<!-- <div class="ming-bg-white aui-border-t" v-if="!is_search&&keywords!=''" style="padding:0.5rem .75rem;">
				<div class="aui-list aui-list-noborder">
					<div v-for="(vo,index) in search_keywords" class="aui-list-item">
						<div class="aui-list-item-inner" tapmode @click="quicksearch(vo)" style="color:#222222;font-size:.75rem;font-family:PingFangSC-Regular;font-weight:400;">
							{{vo}}
						</div>
					</div>
				</div>
			</div> -->
		<!-- 搜索分类栏 -->
<!-- v-if="is_search"  -->
		<div class="search_result"  style="background-color:#fff;">

			<div class="circle_tab">

				<div class="circle_tab_item" :class="{'active_active_tab':index=='good'}" tapmode onclick="tapindex('good')">
					<span>商品</span>
				</div>
				<div class="circle_tab_item" :class="{'active_active_tab':index=='xyx'}" tapmode onclick="tapindex('xyx')">
					<span>会员秀</span>
				</div>
				<div class="circle_tab_item" :class="{'active_active_tab':index=='xx'}" tapmode onclick="tapindex('xx')">
					<span>资讯</span>
				</div>
			</div>

			<div v-if="info.length<1" class="" style="text-align:center;padding-bottom:115%;">
				<img src="../../image/bg/bg-nomessage.png" style="width:7.55rem;margin:0 auto;padding-top:7.2rem;" />
				<div class="" style="font-family:PingFangSC-Regular;font-weight:400;font-size:.75rem;margin-top:1.35rem;color:#B3B3B3">
					暂无搜索结果
				</div>
			</div>

			<div class=""  style="height:100%;background:#f5f5f5;">
				<!-- 商品栏 -->
<!--  -->
				<div class="new_wraper"  v-if="index=='good'" style="">
 <!--  -->
					<div class="newproduct_list flex-box-x" v-for="(vo, index) in info"  tapmode @click="openWin_goods_detail(vo.id)" style="width: 95%;margin: 0.25rem auto;border-radius: 0.4rem;padding: 0.5rem 0.5rem 0.5rem 0.5rem;margin-bottom:0.5rem">
						<!-- <div class="left_img">
							<img :src="vo.cover" alt="">
						</div>
						<div class="right_cont col-xs-x" style="">
							<div class="top_title title">
								<img src="../../image/icon/xinpin.png" alt="" v-if="vo.sign=='新品'">
								<img src="../../image/icon/qingciang.png" alt="" v-if="vo.sign=='热销'">
								<img src="../../image/icon/tuijian.png" alt="" v-if="vo.sign=='精品'"> {{vo.title}}
							</div>
							<div class="mid_decri" v-for="item in vo.service_name">
								<div class="mid_decri_item">{{item}}</div>
							</div>
							<section class="clear"></section>
							<div v-if="index == 0" class="" v-for="(item,index) in info" style="">
								<span class="" style="font-size: .7rem;color:#FF6642;">￥<span class="" style="font-size:1.1rem;color:#FF6642;line-height:1.35rem;">{{item.current_price}}</span></span>
								<del style="color:rgba(153,153,153,.7);font-size: .65rem;font-weight:400;">￥{{item.cost_price}}</del>
							</div>
						</div> -->
						<div class="good_img" style="width: 30%;height: 5rem;">
							 <img  :src="vo.cover" alt="" style="width: 6rem;height:5rem;border-radius:0.2rem;">
							 <!-- <div class="good_logo" style="">
							 	  <img src="../../image/icon/xinpin.png" alt="" style="width: 100%;height: 100%;border-radius:0.2rem;" v-if="vo.sign=='新品'">
									<img src="../../image/icon/xinpin.png" alt="" style="width: 100%;height: 100%;border-radius:0.2rem;"  v-if="vo.sign=='热销'">
									<img src="../../image/icon/xinpin.png" alt="" style="width: 100%;height: 100%;border-radius:0.2rem;" v-if="vo.sign=='精品'">
							 </div> -->
						</div>
						<div class="good_data" style="">
							 <div class="good_title" style="font-size: 0.7rem;font-family: PingFangSC-Regular,PingFang SC;font-weight: 400;color: rgba(46,46,46,1);width: 11rem;">{{vo.title}}</div>
							 <div class="mid_decri" v-if="vo.service_name" v-for="item in vo.service_name">
								 <div class="mid_decri_item">{{item}}</div>
							 </div>
							 <div class="" style="margin-top:0.6rem;width:100%;float:left;">
								 <span class="" style="font-size: .6rem;color:#005a93;">零售价:￥
		 							<span class=""
		 								style="font-size:0.9rem;color:#005a93;line-height:1.35rem;">{{vo.current_price}}</span>
		 								<span style="font-size:.65rem">/{{vo.unit_name}}</span>
		 							</span>
								 <!-- <del style="color:rgba(153,153,153,.7);font-size: 0.65rem;font-weight:400;">
									 ￥{{vo.cost_price}}
								 </del> -->
							 </div>

							 <div style="margin-top:0rem" v-if="vo.vip_show>0">
								 <span class="" style="font-size:0.6rem;margin-top:0.05rem;color:#E90000;">
									 会员价:￥<span class=""
			 							style="font-size:1.2rem;color:#e90000;line-height:1.35rem;">{{price_format('yuan',vo.vip_price)}}</span>
			 							<span class="" style="font-size:0.9rem;">.{{price_format('fen',vo.vip_price)}}</span>
			 							<span style="font-size:.65rem">/{{vo.unit_name}}</span>
								 </span>
							 </div>

						</div>

					</div>

				</div>

				<!-- 会员秀 -->
				<div v-if="index=='xyx'" class="newest" style="margin-top:2rem">
					<div v-for="(vo,index) in info" class="new_list" style="padding:0.75rem;margin-bottom:0.5rem;padding-bottom:0">
						<!-- 头像==昵称==时间 -->
						<div class="newest_head">
							<div class="headPortrait" tapmode @click="openWin_circle_details(vo.id)">
								<img :src="vo.avatar" />
							</div>
							<div class="newest_name_time" tapmode @click="openWin_circle_details(vo.id)">
								<div class="newest_name">
									{{vo.nickname}}
								</div>
								<div class="newest_time">
									{{vo.create_time}}

								</div>
							</div>
							<div class="more_circle" tapmode @click="showmenu(vo.catid,vo.id,vo.uid)" style="">
								<img style="width: 1.1rem;" src="../../image/icon/more.png" />

							</div>
						</div>

						<!-- 内容-->
						<div class="contTit">
							{{vo.title}}
							<!-- 巴德士乳胶漆白色内墙自刷墙面漆涂料油漆室是是是是是是是 -->
					</div>
					 <!-- @click="openWin_circle_details(vo.id,'资讯详情',index1)" -->
					<div @click="openWin_circle_details(vo.id,'资讯详情',index1)" class="newest_cont" tapmode v-html="vo.content">

							<!-- {{vo.content}} -->
						<!-- 这个墙面漆蜂场好用，我之前用功其他的品牌，都没有这一款好用，非常值得推荐，这个墙面漆蜂场好用，我之前用功其他的品牌，都没有这一款额… -->
					</div>

						<!-- 图片 -->
						<!-- <div v-if="vo.img" class="imgBox" style="" :class="{'is_img_padding':vo.img.length>0}">
							<div v-for="item in vo.img" :class="{'li' : vo.img.length > 1,'newest_banner_only_huiyuan' : vo.img.length == 1}" tapmode @click="openWin_circle_details(vo.id)">
								<img :src="item" style="" />
							</div>
						</div> -->



						<div class="imgBox" v-if="vo.img.length > 0">
							<div class="imgItem" tapmode v-for="(item,index) in vo.img" :key="index" @click.stop="showimg(vo.img,index)">
								<img :src="item" />
							</div>
						</div>



						<!-- 转发-评论-点赞-收藏 -->
						<div id="comment_wraper" style="">
							<div class="" tapmode @click="opera_data(1,vo.catid,vo.id,index,vo.is_zan)">
								<img v-if="vo.is_zan=='0'" src="../../image/icon/icon-zan.png" style="" />
								<img v-if="vo.is_zan=='1'" src="../../image/icon/icon-zan-active.png" style="" />
								<span style="">{{vo.zan_num}}</span>
							</div>
							<!-- <div class="" tapmode @click="openWin_circle_details(vo.id)">
								<img v-if="vo.is_share=='0'" src="../../image/icon/icon-share.png" style="" />
								<img v-if="vo.is_share=='1'" src="../../image/icon/icon-share-active.png" style="" />
								<span style="">{{vo.repeat_num}}</span>
							</div> -->
							<div class="" tapmode @click="openWin_circle_details(vo.id)">
								<img src="../../image/icon/icon-comment.png" style="" />
								<span style="">{{vo.comment_num}}</span>
							</div>
							<div class="" tapmode @click="opera_data(2,vo.catid,vo.id,index,vo.is_fav)">
								<img v-if="vo.is_fav=='0'" src="../../image/icon/icon-fav.png" style="" />
								<img v-if="vo.is_fav=='1'" src="../../image/icon/icon-fav-active.png" style="" />
								<span style="">{{vo.collect_num}}</span>
							</div>
						</div>

					</div>
				</div>
				<!-- 资讯 -->
				<div v-if="index=='xx'" style="margin-top:2rem" class="newest">
					<div v-for="(vo,index) in info" class="new_list" style="padding:0.75rem;margin-bottom:0.5rem;padding-bottom:0">
						<!-- 头像==昵称==时间 -->
						<div class="newest_head">
							<div class="headPortrait" tapmode @click="openWin_circle_details(vo.id)">
								<img :src="vo.avatar" />
							</div>
							<div class="newest_name_time" tapmode @click="openWin_circle_details(vo.id)">
								<div class="newest_name">
									{{vo.nickname}}
								</div>
								<div class="newest_time">
									{{vo.create_time}}
								</div>
							</div>
							<div class="more_circle" tapmode @click="showmenu(vo.catid,vo.id,vo.uid)">
								<img style="width: 1.1rem;" src="../../image/icon/more.png" />

							</div>
						</div>

						<!-- 内容-->
						<!-- <div v-html="vo.content.replace(/\n/g, '<br/>')" class="newest_cont" tapmode @click="openWin_circle_details(vo.id)">
						</div> -->
						<!-- 图片 -->
						<!-- <div v-if="vo.cover" class="" style="">
							<div class="newest_banner_only" tapmode @click="openWin_circle_details(vo.id)">
								<div class="">
									<img :src="vo.cover" style="" />
								</div>
							</div>
						</div> -->

						<div class="contTit">
							{{vo.title}}
							<!-- 巴德士乳胶漆白色内墙自刷墙面漆涂料油漆室是是是是是是是 -->
					</div>
					 <!-- @click="openWin_circle_details(vo.id,'资讯详情',index1)" -->
					<div @click="openWin_circle_details(vo.id,'资讯详情',index1)" class="newest_cont" tapmode v-html="vo.content">

							<!-- {{vo.content}} -->
						<!-- 这个墙面漆蜂场好用，我之前用功其他的品牌，都没有这一款好用，非常值得推荐，这个墙面漆蜂场好用，我之前用功其他的品牌，都没有这一款额… -->
					</div>

						<div v-if="vo.cover" class="imgBox" style="">
							<div class="imgItem" tapmode @click="openWin_circle_details(vo.id)">

									<img :src="vo.cover"  />

							</div>
						</div>










						<!-- 转发-评论-点赞-收藏 -->
						<div calss="" style="" id="comment_wraper">
							<div class="" tapmode @click="opera_data(1,vo.catid,vo.id,index,vo.is_zan)">
								<img v-if="vo.is_zan=='0'" src="../../image/icon/icon-zan.png" style="" />
								<img v-if="vo.is_zan=='1'" src="../../image/icon/icon-zan-active.png" style="" />
								<span style="">{{vo.zan_num}}</span>
							</div>
							<!-- <div class="" tapmode @click="openWin_circle_details(vo.id)">
								<img v-if="vo.is_share=='0'" src="../../image/icon/icon-share.png" style="" />
								<img v-if="vo.is_share=='1'" src="../../image/icon/icon-share-active.png" style="" />
								<span style="">{{vo.repeat_num}}</span>
							</div> -->
							<div class="" tapmode @click="openWin_circle_details(vo.id)">
								<img src="../../image/icon/icon-comment.png" style="" />
								<span style="">{{vo.comment_num}}</span>
							</div>
							<div class="" tapmode @click="opera_data(2,vo.catid,vo.id,index,vo.is_fav)">
								<img v-if="vo.is_fav=='0'" src="../../image/icon/icon-fav.png" style="" />
								<img v-if="vo.is_fav=='1'" src="../../image/icon/icon-fav-active.png" style="" />
								<span style="">{{vo.collect_num}}</span>
							</div>
						</div>
					</div>
					<!-- 分割线 -->
					<!-- <div class="" style="height:0.5rem;background">

					</div> -->
				</div>

			</div>
		</div>
</body>
<script type="text/javascript" src="../../script/api.js"></script>
<script type="text/javascript" src="../../script/vue.js"></script>
<script type="text/javascript" src="../../script/common.js"></script>
<script type="text/javascript" src="../../script/aui-dialog.js"></script>
<script>
	var vm = new Vue({
		el: '#app',
		data: {
			userinfo:{},
			keywords: '',
			is_search: false,
			index: 'good',
			hot_keywords: [],
			history_keywords: [],
			search_keywords: [],
			info: [],
			page: 1,
			loadmore: true,
			is_value: '',
			localcity:{"id":2608,"parentid":235,"categoryname":"平邑县","spell":"pingyixian","first_letter":"P"}
		},
		methods: {
			get_list_searchKey: function() {
				get_data('api/search/searchKey', {}, function(ret) {
					if (ret.status) {
						vm.hot_keywords = ret.data.slice(0, 20)
					}
				})
			},
			searchList: function() {
				get_data('api/search/searchList', {
					token: $api.getStorage('token'),
					flag: vm.index,
					title: vm.keywords,
					page: vm.page,
					region_name: vm.localcity.categoryname,
				}, function(ret) {
					if (ret.status) {
						// alert(JSON.stringify(ret.data.list))
						if (ret.data.list.length < 20) {
							vm.loadmore = false
						}
						ret.data.list.forEach(function(el) {
							vm.info.push(el)
						})
					}
				})
			},
			searchList_init: function() {
				console.log(JSON.stringify({
					token: $api.getStorage('token'),
					flag: vm.index,
					title: vm.keywords,
					page: vm.page,
					region_name: vm.localcity.categoryname,
				}))
				get_data('api/search/searchList', {
					token: $api.getStorage('token'),
					flag: vm.index,
					title: vm.keywords,
					page: vm.page,
					region_name: vm.localcity.categoryname,
				}, function(ret) {
					if (ret.status) {
						vm.is_value = ret.data.count
						// alert(JSON.stringify(vm.is_value))
						// if (vm.is_value.good != '0') {
						// 	vm.index = 'good'
						// }
						// else if (vm.is_value.xyx != '0') {
						// 	vm.index = 'xyx'
						// }
						// else if (vm.is_value.xx != '0') {
						// 	vm.index = 'xx'
						// }
						var history_keywords = vm.history_keywords;
						console.log(history_keywords)
						if (history_keywords.length > 0 && history_keywords.inArray(vm.keywords)) {
							vm.page = 1;
							vm.loadmore = true;
							vm.searchList();
						} else {
							history_keywords.unshift(vm.keywords)
							vm.history_keywords = history_keywords.slice(0, 20);
							$api.setStorage('history_keywords', history_keywords.slice(0, 20))
							vm.page = 1;
							vm.loadmore = true;
							vm.searchList();
						}
					}
				})
			},
			addkeys: function() {
				vm.searchList_init();
			},
			price_format: function(type, price) {
				var status = (price + '').indexOf('.')
				if (status == '-1') {
					if (type == 'yuan') {
						return price;
					}
					if (type == 'fen') {
						return '00';
					}
				}
				var price_array = (price + '').split('.')
				if (type == 'yuan') {
					return price_array[0];
				}
				if (type == 'fen') {
					var price_fen = price_array[1].length < 2 ? price_array[1] + '0' : price_array[1];
					return price_fen;
				}
			}
		}

	})
	var dialog = new auiDialog();
	apiready = function() {


		vm.userinfo = $api.getStorage('userinfo');

		var temp_localcity = api.getPrefs({
				sync: true,
				key: 'localcity'
		});

		if (temp_localcity) {
				vm.localcity = JSON.parse(temp_localcity);
		}

		api.addEventListener({
				name: 'jobRefresh'
		}, function(ret, err) {
				localcity(function(ret) {
						if (ret) {
								vm.localcity = ret;
						  	vm.searchList()
						}
				})
		});

		fnInitPullRefresh(function(ret) {
			vm.page = 1
			vm.info = []
			vm.loadmore = true
			vm.searchList()
		})
		// 新版刷新
		refresh_new(function() {
			setTimeout(function() {
				vm.page = 1
				vm.info = []
				vm.loadmore = true
				vm.searchList()
				api.refreshHeaderLoadDone()
			}, 1000)
		})
		fnInitScrollToBottom(function(ret) {
			if (vm.loadmore) {
				vm.page++;
				vm.searchList()
			}
		})

		vm.get_list_searchKey()
		if ($api.getStorage('history_keywords')) {
			vm.history_keywords = $api.getStorage('history_keywords')
		}
		add_event('keywords', function(ret) {
			vm.is_search = false;
			vm.keywords = ret.keywords
			if (vm.history_keywords.length > 0 && vm.keywords != '') {
				vm.search_keywords = []
				vm.history_keywords.forEach(function(el) {
					if (el.indexOf(vm.keywords) != -1) {
						vm.search_keywords.push(el)
					}
				})
			}

		})
		add_event('do_search', function(ret) {
			if ($api.getStorage('history_keywords')) {
				vm.history_keywords = $api.getStorage('history_keywords')
			}
			vm.page = 1;
			vm.info = [];
			vm.loadmore = true;
			vm.is_search = true;
			vm.addkeys()
		})
		if (vm.is_search) {
			// fnInitPullRefresh(function() { // vm.page = 1; // vm.loadmore = true; // vm.searchList() // })
			// 新版刷新
			refresh_new(function() {
				setTimeout(function() {
					vm.page = 1;
					vm.loadmore = true;
					vm.searchList()
					api.refreshHeaderLoadDone()
				}, 1000)
			})
			fnInitScrollToBottom(function() {
				if (vm.loadmore) {
					vm.page++;
					vm.searchList()
				}
			})
		}
	};

	function quicksearch(str) {
		send_event('keywords_change', {
			keywords: str
		})
	}

	function del_history(index) {
		var history_keywords = vm.history_keywords;
		history_keywords.splice(index, 1);
		vm.history_keywords = history_keywords;
		$api.setStorage('history_keywords', history_keywords.slice(0, 20))
		return;
		dialog.alert({
			title: "提示",
			msg: '确定要删除这条历史搜索吗？',
			buttons: ['取消', '确定']
		}, function(ret) {
			if (ret) {
				if (ret.buttonIndex == '2') {
					var history_keywords = vm.history_keywords;
					history_keywords.splice(index, 1);
					vm.history_keywords = history_keywords;
					$api.setStorage('history_keywords', history_keywords)
				}
			}
		})
	}


	function tapindex(index) {
		if (vm.index != index) {
			vm.index = index
			vm.page = 1;
			vm.info = [];
			vm.loadmore = true;
			vm.searchList()
		}
	}

	function del_allHistory() {
		var dialogBox = api.require('dialogBox');
		dialogBox.alert({
			texts: {
				title: '提示',
				content: '确定要清空历史搜索吗？',
				leftBtnTitle: '取消',
				rightBtnTitle: '确认'
			},
			styles: {
				bg: '#fff',
				w: 295,
				corner: 10,
				title: {
					marginT: 20,
					titleSize: 17,
					titleColor: '#444444'
				},
				content: {
					marginT: 18,
					marginB: 30,
					color: '#444444',
					size: 17
				},
				left: {
					marginB: 0,
					marginL: 0,
					w: 147.5,
					h: 55,
					corner: 10,
					// bg: 'widget://image/ico/ico_btn_left_bg.png',
					bg: "#fff",
					color: '#999999',
					size: 16
				},
				right: {
					marginB: 0,
					marginL: 0,
					w: 147.5,
					h: 55,
					corner: 10,
					bg: '#fff',
					color: '#005A93',
					size: 16
				},
				horizontalLine: {
					color: '#EEEEEE',
					height: 1
				},
				verticalLine: {
					color: '#EEEEEE', //（可选项）字符串类型；左右按钮中间竖线的颜色，支持rgb、rgba、#；默认：'rgba(245,245,245,0)'
					width: 1 //（可选项）数字类型；左右边按钮竖线的高度；默认：0
				}
			}
		}, function(ret) {
			if (ret.eventType == 'left') {
				var dialogBox = api.require('dialogBox');
				dialogBox.close({
					dialogName: 'alert'
				});
			} else if (ret.eventType == 'right') {
				vm.history_keywords = [];
				$api.rmStorage('history_keywords')
				var dialogBox = api.require('dialogBox');
				dialogBox.close({
					dialogName: 'alert'
				});
			}
		});
	}

	function showmenu(catid, id) {
		$api.setStorage('catid', catid);
		$api.setStorage('id', id);
		api.openFrame({
			name: 'actionsheet',
			url: '../actionsheet.html',
			bounces: false,
			rect: {
				x: 0,
				y: 0,
				w: 'auto',
				h: 'auto'
			},
			vScrollBarEnabled: false,
			bgColor: 'rgba(0,0,0,0)'
		})
	}
	//		点赞方法
	function opera_data(type, catid, id, index, status) {
		var source = catid == '1' ? 'xx' : 'xyx'
		opera(id, source, type, function(ret) {
			if (ret.status) {
				//点赞
				if (type == '1' && status == '1') {
					toast('取消点赞成功')
					vm.info[index].is_zan = '0'
					if(vm.info[index].zan_num >0){
							vm.info[index].zan_num = parseInt(vm.info[index].zan_num) - 1;
					}

				}
				if (type == '1' && status == '0') {
					toast('点赞成功')
					vm.info[index].is_zan = '1'
					vm.info[index].zan_num = parseInt(vm.info[index].zan_num) + 1;
				}
				if (type == '2' && status == '1') {
					toast('取消收藏成功')
					vm.info[index].is_fav = '0'
					if(vm.info[index].collect_num>0){
						vm.info[index].collect_num = parseInt(vm.info[index].collect_num) - 1;
					}

				}
				if (type == '2' && status == '0') {
					toast('收藏成功')
					vm.info[index].is_fav = '1'
					vm.info[index].collect_num = parseInt(vm.info[index].collect_num) + 1;
				}
			}
		})
	}
</script>

</html>
